<template>
    <div class="crumbs">
        <ul>
            <li><a href="javascript:;">后台首页</a>/</li>
            <slot></slot>
        </ul>
    </div>
</template>

<script>
//面包屑导航
export default {
    name:'crumbs'
}
</script>

<style scoped>
.crumbs{
    width: 100%;
    background: #ffffff;
    padding: 10px 0;
}
.crumbs ul{
    display: flex;
}
.crumbs ul li{
    width:90px;
    padding: 0 10px;
}
.crumbs ul li a{
    padding-right:10px;
    color: #BEBEBE;
    font-size: 18px;
    font-weight: bold;
}
.crumbs ul li a:hover{
    color: darkgoldenrod;
}
</style>